<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>TechPro – IT Solutions & Business Services Multipurpose HTML5 Template</title>
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="16x16">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="18x18">
	<link rel="icon" href="assets/img/favicon.png" type="image/gif" sizes="20x20">

	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">
	<link rel="stylesheet" href="static/css/font-awesome-pro.css">
	<link rel="stylesheet" href="static/css/animate.css">
	<link rel="stylesheet" href="static/css/glightbox.min.css">
	<link rel="stylesheet" href="static/css/scrollCue.css">
	<link rel="stylesheet" href="static/css/swiper-bundle.css">
	<link rel="stylesheet" href="static/css/spacing.css">
	<link rel="stylesheet" href="static/css/main.css">
	<link rel="stylesheet" href="static/css/responsive.css">

</head>
<body>
	<!-- Preloader -->
	<div class="preloader">
     	<div class="loading-container">
        	<div class="loading"></div>
        	<div id="loading-icon">
        		<img src="static/picture/favicon.png" alt="TechPro">
        	</div>
     	</div>
  	</div>

	<!-- Header -->
	<header class="header sticky-header">
		<div class="container">
			<div class="row">
				<div class="col-lg-2 col-md-4 col-5 align-self-center">
					<div class="logo">
						<a href="index.html">
							<img class="sticky-logo" src="static/picture/logo.png" alt="Logo">
							<img src="static/picture/white-logo.png" alt="white-logo">
						</a>
					</div>
				</div>
				<div class="col-lg-10 col-md-8 col-7">
					<div class="h-right-button">
						<a class="button-1" href="#">Get Consultant</a>
					</div>

					<!-- Menu -->
	                <div class="canvas_open_full">
	                    <div class="canvas_open">
	                        <a href="javascript:void(0)">
	                            <i class="fa-sharp fa-solid fa-bars-staggered"></i>
	                        </a>
	                    </div>
	                </div>
	                <div class="menu">
	                    <nav>
	                        <ul>
								<li class="menu-item-has-children"><a href="#">Home</a>
									<ul class="sub-menu">
										<li><a href="index.html">Home 01</a></li>
										<li><a href="index2.html">Home 02</a></li>
										<li><a href="index3.html">Home 03</a></li>
										<li><a href="index4.html">Home 04</a></li>
										<li><a href="index5.html">Home 05</a></li>
										<li><a href="index1-dark.html">Home 01 Dark</a></li>
										<li><a href="index2-dark.html">Home 02 Dark</a></li>
										<li><a href="index3-dark.html">Home 03 Dark</a></li>
										<li><a href="index4-dark.html">Home 04 Dark</a></li>
										<li><a href="index5-dark.html">Home 05 Dark</a></li>
									</ul>
								</li>
								<li><a href="">About Us</a></li>
								<li class="menu-item-has-children"><a href="#">Services</a>
									<ul class="sub-menu">
										<li><a href="services.html">Services</a></li>
										<li><a href="services-details.html">Services Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Portfolio</a>
									<ul class="sub-menu">
										<li><a href="portfolio.html">Portfolio</a></li>
										<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
										<li><a href="portfolio-details.html">Portfolio Details</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Page</a>
									<ul class="sub-menu">
										<li><a href="team.html">Team</a></li>
										<li><a href="pricing-plan.html">Pricing & Plans</a></li>
										<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
										<li><a href="testimonial.html">Testimonials</a></li>
										<li><a href="faq.html">Faq</a></li>
										<li><a href="404.html">404 Error</a></li>
										<li><a href="terms-conditions.html">Terms & Conditions</a></li>
										<li><a href="privacy-policy.html">Privacy Policy</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">Blog</a>
									<ul class="sub-menu">
										<li><a href="blog.html">Blog</a></li>
										<li><a href="blog-standard.html">Blog Standard</a></li>
										<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
										<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
										<li><a href="single.html">Blog Details</a></li>
									</ul>
								</li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
	                    </nav>
	                </div>

				</div>
			</div>
		</div>
	</header>
	<div class="mobile-menu-area">
	    <!--offcanvas menu area start-->
	    <div class="off_canvars_overlay">
	                
	    </div>
	    <div class="offcanvas_menu">
	        <div class="offcanvas_menu_wrapper">
	            <div class="canvas_close">
	                <a href="javascript:void(0)"><i class="bi bi-x-lg"></i></a>  
	            </div>
	            <div class="mobile-logo">
	                <a href="index.html">
	                    <img src="static/picture/logo.png" alt="Logo">
	                </a>
	            </div>
	            <div id="menu" class="text-left ">
	                <ul class="offcanvas_main_menu">
	                    <li class="menu-item-has-children"><a href="index.html">Home</a>
							<ul class="sub-menu">
								<li><a href="index.html">Home 01</a></li>
								<li><a href="index2.html">Home 02</a></li>
								<li><a href="index3.html">Home 03</a></li>
								<li><a href="index4.html">Home 04</a></li>
								<li><a href="index5.html">Home 05</a></li>
								<li><a href="index1-dark.html">Home 01 Dark</a></li>
								<li><a href="index2-dark.html">Home 02 Dark</a></li>
								<li><a href="index3-dark.html">Home 03 Dark</a></li>
								<li><a href="index4-dark.html">Home 04 Dark</a></li>
								<li><a href="index5-dark.html">Home 05 Dark</a></li>
							</ul>
						</li>
						<li><a href="">About Us</a></li>
						<li class="menu-item-has-children"><a href="services.html">Services</a>
							<ul class="sub-menu">
								<li><a href="services.html">Services</a></li>
								<li><a href="services-details.html">Services Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio</a></li>
								<li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li>
								<li><a href="portfolio-details.html">Portfolio Details</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">Page</a>
							<ul class="sub-menu">
								<li><a href="team.html">Team</a></li>
								<li><a href="pricing-plan.html">Pricing & Plans</a></li>
								<li><a href="pricing-plan2.html">Pricing & Plans 2</a></li>
								<li><a href="testimonial.html">Testimonials</a></li>
								<li><a href="faq.html">Faq</a></li>
								<li><a href="404.html">404 Error</a></li>
								<li><a href="terms-conditions.html">Terms & Conditions</a></li>
								<li><a href="privacy-policy.html">Privacy Policy</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="blog.html">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-standard.html">Blog Standard</a></li>
								<li><a href="blog-3-columns.html">Blog Three Columns</a></li>
								<li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
								<li><a href="single.html">Blog Details</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact Us</a></li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- End Header Section -->

	<!-- Breadcrumb Section -->
	<section class="breadcrumb-section text-center pt-200 pb-140" style="background-image: url('static/image/breadcrumb.png');">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="content">
                        <h2>About Us</h2>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li>About Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Start About Us Section -->
	<div class="ct-about-us-section2 section-padding-2">
   		<div class="container">
      		<div class="row">
         		<div class="col-lg-6 mb-30 align-self-center">
            		<div class="ct-about-us-image">
               			<div class="row">
                  			<div class="col-sm-8 col-6">
                     			<img class="wow fadeInUp" data-wow-delay=".5s" src="static/picture/about1.jpg" alt="about image">
                  			</div>
                  			<div class="col-sm-4 col-6 col-pl-0 pb-30 align-self-end position-relative ">
                     			<img class="wow fadeInRight" data-wow-delay=".8s" src="static/picture/about2.jpg" alt="image">
                     			<div class="ab-im-content wow fadeInUp">
                        			<div class="icon">
                           				<i class="fas fa-phone-alt"></i>
                        			</div>
			                        <div class="con">
			                           	<strong>Call Anytime</strong>
			                           	<a href="#">+99 (786) 8765</a>
			                        </div>
                     			</div>
                  			</div>
               			</div>
            		</div>
         		</div>
         		<div class="col-lg-6 mb-30 align-self-center ">
            		<div class="content pl-20-992">
               			<div class="ct-section-title text-left">
                  			<h4 class="wow fadeInUp" data-wow-delay=".2s">ABOUS US</h4>
                  			<h2 class="wow fadeInUp" data-wow-delay=".5s">Preparing For Your Business Provide Best <span>IT Solution</span></h2>
               			</div>
               			<p class="text">Quickly re-engineer intuitive e-services whereas compelling niches. Professionally syndicate strategic e-commerce without covalent leadership skills.</p>
               			<div class="ab-list mb-25">
	                  		<ul>
	                     		<li><i class="fa-regular fa-octagon-check"></i> <span>Website & Mobile application design & Development</span></li>
	                     		<li><i class="fa-regular fa-octagon-check"></i> <span>Data Management Experts</span></li>
	                     		<li><i class="fa-regular fa-octagon-check"></i> <span>IT Infrastructure Solutions</span></li>
	                  		</ul>
	               		</div>
	               		<div class="about-btn" data-cues="slideInUp">
	                  		<a href="#" class="button-1" data-cue="slideInUp">Learn More <i class="fa-regular fa-arrow-right"></i></a>
	               		</div>
	            	</div>
         		</div>
      		</div>
   		</div>
	</div>
	<!-- End About Us Section -->

	<!-- Start Skill Section -->
	<div class="ct-why-choose-us-section section-padding-2 skts section-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-30 align-self-center">
                    <div class="about-img" data-tilt="" data-tilt-scale="1.05">
                        <img src="static/picture/about-2.png" alt="about image">
                    </div>
                </div>
                <div class="col-lg-6 mb-30 align-self-center order-first">
                    <div class="content">
                        <div class="ct-section-title text-left">
                            <h4>SKILLSETS</h4>
                            <h2>We Have the Hottest Skills to Hire For in 2024</h2>
                        </div>
                        <p class="text">Over 25 years working in IT services developing software applications and mobile apps for clients all over the world.</p>
                        
                        <div class="skill-list">
                            <div class="single-skill-item">
                                <p>Cyber Security <b>95%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="95">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 95%;background-color: rgb(21, 38, 255) !important;"></div>
                                </div>
                            </div>
                            <div class="single-skill-item">
                                <p>Software Development <b>85%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="85">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 85%;"></div>
                                </div>
                            </div>
                            <div class="single-skill-item">
                                <p>Artificial Intelligence <b>80%</b></p>
                                <div class="progress" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="80">
                                    <div class="progress-bar progress-bar-striped bg-danger wow" style="width: 80%;background-color: rgb(255, 176, 0) !important;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="about-btn mt-35" data-cues="slideInUp">
                            <a href="contact.html" class="button-1">Contact Us <i class="fa-regular fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<!-- End Skill Section -->

	<!-- Start Team Member -->
	<section class="section-padding-2">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-30">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">Meet the Expert People</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">Our Professional Expert <span>Team Members</span></h2>
					</div>
				</div>
			</div>
			<div class="row" data-cues="slideInUp">
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team8.png" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Founder-CO</p><br>
                           	<h4>Leslie Alexander</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team7.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Product Designer</p><br>
                           	<h4>Annette Black</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team6.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Solution Developer</p><br>
                           	<h4>Maurice Craig</h4>
                        </div>
                    </div>
				</div>
				<div class="col-lg-3 col-sm-6 mb-30">
					<div class="team-card-single">
                        <div class="thumb">
                        	<img src="static/picture/team5.jpg" alt="image">
                        	<div class="social">
                        		<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
                        		<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
                        		<span><a href="#"><i class="fa-brands fa-instagram"></i></a></span>
                        		<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
                        	</div>
                        </div>
                        <div class="content">
                            <p>Designer</p><br>
                           	<h4>Pulak Nondi</h4>
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Team Member -->


	<!-- Start Work In Progress -->
	<div class="ct-workin-progress section-padding-2 section-bg">
        <div class="container">
            
            <div class="row">
				<div class="col-lg-6 offset-lg-3 col-md-10 offset-md-1 mb-50">
					<div class="ct-section-title text-center">
						<h4 class="wow fadeInUp animated" data-wow-delay=".2s">WORK PROCESS</h4>
						<h2 class="wow fadeInUp animated" data-wow-delay=".4s">How to work <span>it!</span></h2>
					</div>
				</div>
			</div>
            <div class="row position-relative" data-cues="slideInUp">
            	<div class="process-line">
	                <img src="static/picture/process_line-1.svg" alt="techpro">
	            </div>
                <div class="col-lg-3 col-md-6 col-12 pb-30">
                    <div class="work-in-progress-card">
                        <div class="card-num">
                            <span>01</span>
                        </div>
                        <div class="icon">
                           	<div class="im">
                                <img src="static/picture/process_card_1.svg" alt="title">
                            </div>
                        </div>
                        <div class="content">
                            <h3>Select a project</h3>
                            <p>Continua scale empowered metrics with cost effective innovation.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 pb-30">
                    <div class="work-in-progress-card">
                        <div class="card-num">
                            <span>02</span>
                        </div>
                        <div class="icon">
                           	<div class="im">
                                <img src="static/picture/process_card_2.svg" alt="title">
                            </div>
                        </div>
                        <div class="content">
                            <h3>Project Analysis</h3>
                            <p>Continua scale empowered metrics with cost effective innovation.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 pb-30">
                    <div class="work-in-progress-card">
                        <div class="card-num">
                            <span>03</span>
                        </div>
                        <div class="icon">
                           	<div class="im">
                                <img src="static/picture/process_card_3.svg" alt="title">
                            </div>
                        </div>
                        <div class="content">
                            <h3>Plan Execute</h3>
                            <p>Continua scale empowered metrics with cost effective innovation.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-12 pb-30">
                    <div class="work-in-progress-card">
                        <div class="card-num">
                            <span>04</span>
                        </div>
                        <div class="icon">
                           	<div class="im">
                                <img src="static/picture/process_card_4.svg" alt="title">
                            </div>
                        </div>
                        <div class="content">
                            <h3>Deliver Result</h3>
                            <p>Continua scale empowered metrics with cost effective innovation.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Work In Progress -->

    <!-- Start Client Logo Section -->
    <div class="ct-client-logo-section pt-70 pb-50">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-12 text-center">
                    <div class="ct-l-text mb-45">
                        <p>Join the <span>10.000+</span> companies trusting Techpro</p>
                    </div>
                </div>
    		</div>
    		<div class="row justify-content-center" data-cues="slideInUp">
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="Microsoft">
                            <img decoding="async" src="static/picture/microsoft.svg" alt="Microsoft">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="printest">
                            <img decoding="async" src="static/picture/printest.svg" alt="printest">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="paypal">
                            <img decoding="async" src="static/picture/paypal.svg" alt="paypal">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="uber">
                            <img decoding="async" src="static/picture/uber.svg" alt="uber">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="google">
                            <img decoding="async" src="static/picture/google.svg" alt="google">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="Microsoft">
                            <img decoding="async" src="static/picture/microsoft.svg" alt="Microsoft">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="google">
                            <img decoding="async" src="static/picture/google.svg" alt="google">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="linkeding">
                            <img decoding="async" src="static/picture/linkeding.svg" alt="linkeding">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="printest">
                            <img decoding="async" src="static/picture/printest.svg" alt="printest">
                        </a>
                    </div>
    			</div>
    			<!-- Single -->
    			<div class="col-lg-2 col-md-4 col-6 mb-20">
    				<div class="single-logo-item2 section-bg">
                        <a href="#" title="paypal">
                            <img decoding="async" src="static/picture/paypal.svg" alt="paypal">
                        </a>
                    </div>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- End Client Logo Section -->

	<!-- Footer Start -->
	<footer class="site-footer">
		<div class="footer-bg-dot" style="background-image: url('static/image/dot-a-white.png')"></div>
		<div class="footer-top">
			<div class="container">
				<div class="row">
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<div class="f-logo">
								<a href="index.html">
									<img src="static/picture/white-logo.png" alt="Logo">
								</a>
							</div>
							<p class="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sit commodi adipisci, asperiores illum excepturi quidem fuga aliquam fugit laudantium!</p>
							<div class="footer-social">
								<div class="footer-social">
									<span><a href="#"><i class="fa-brands fa-facebook-f"></i></a></span>
									<span><a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg></a></span>
									<span><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></span>					
								</div>
							
							</div>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Company</h2>
							<ul class="menu">
								<li><a href="#">Company Profile</a></li>
								<li><a href="#">Help Center</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Team Members</a></li>
								<li><a href="#">Contact Us</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 col-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Community</h2>
							<ul class="menu">
								<li><a href="#">Career</a></li>
								<li><a href="#">Leadership</a></li>
								<li><a href="#">Press & Media</a></li>
								<li><a href="#">Projects</a></li>
								<li><a href="#">Marketing Services</a></li>
								<li><a href="#">Challenge Of Project</a></li>
							</ul>
						</div>
					</div>
					<!-- Singel Item -->
					<div class="col-lg-3 col-sm-6 mb-30">
						<div class="footer-widgets-item">
							<h2>Contact Info</h2>
							<ul class="contact-info">
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-house"></i>
									</div>
									<div class="content">
										<h4>Address:</h4>
										<p>5919 Trussville Crossings Pkwy, Birmingham</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-sharp fa-regular fa-envelope"></i>
									</div>
									<div class="content">
										<h4>Email:</h4>
										<p>support@gmail.com</p>
									</div>
								</li>
								<li>
									<div class="icon">
										<i class="fa-regular fa-phone-flip"></i>
									</div>
									<div class="content">
										<h4>Phone:</h4>
										<p>+456 123 4455</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom -->
		<div class="footer-bottom pt-30 pb-30">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="copy-text">
							<p>Copyright &copy; 2024.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- Footer End -->
	
	<div class="scroll-area">
	   <i class="fa-regular fa-arrow-up"></i>
	</div>

    <!-- Js File -->
    <script src="static/js/modernizr.min.js"></script>
    <script src="static/js/jquery-3.6.3.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/mixitup.min.js"></script>
    <script src="static/js/glightbox.min.js"></script>
    <script src="static/js/jquery.waypoints.min.js"></script>
    <script src="static/js/jquery.counterup.min.js"></script>
    <script src="static/js/vanilla-tilt.min.js"></script>
    <script src="static/js/swiper-bundle.js"></script>
    <script src="static/js/scrollCue.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/mobile-menu.js"></script>
    <script src="static/js/main.js"></script>
</body>
</html>